﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="supplier.aspx.cs" Inherits="ATW.Web.Details.supplier" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>竞价</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" />
    <link type="text/css" rel="Stylesheet" href="../Styles/Main.css" />
    <link type="text/css" href="../Styles/Slider.css" rel="stylesheet" />
    <script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="../Scripts/jquery.event.drag-1.5.min.js"></script>
    <script type="text/javascript" src="../Scripts/jquery.touchSlider.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $dragBln = false;

            $(".main_image").touchSlider({
                flexible: true,
                speed: 200,
                btn_prev: $("#btn_prev"),
                btn_next: $("#btn_next"),
                paging: $(".flicking_con a"),
                counter: function (e) {
                    $(".flicking_con a").removeClass("on").eq(e.current - 1).addClass("on");
                }
            });

            $(".main_image").bind("mousedown", function () {
                $dragBln = false;
            });

            $(".main_image").bind("dragstart", function () {
                $dragBln = true;
            });

            $(".main_image a").click(function () {
                if ($dragBln) {
                    return false;
                }
            });

            timer = setInterval(function () {
                $("#btn_next").click();
            }, 5000);

            $(".main_visual").hover(function () {
                clearInterval(timer);
            }, function () {
                timer = setInterval(function () {
                    $("#btn_next").click();
                }, 5000);
            });

            $(".main_image").bind("touchstart", function () {
                clearInterval(timer);
            }).bind("touchend", function () {
                timer = setInterval(function () {
                    $("#btn_next").click();
                }, 5000);
            });

        });
    </script>
</head>
<body>
    <div class="container">
        <div class="main_visual">
            <div class="main_time">
                <p class=" font-16 font-red">
                    距离结束还有</p>
                <p>
                    <span>40</span>&nbsp;<span>32</span>&nbsp;<span>10</span>:<span>09</span></p>
            </div>
            <div class="flicking_con" style="left: 50%;">
                <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">
                    5</a>
            </div>
            <div class="main_image">
                <ul>
                    <li><span class="img_3"></span></li>
                    <li><span class="img_4"></span></li>
                    <li><span class="img_1"></span></li>
                    <li><span class="img_2"></span></li>
                    <li><span class="img_5"></span></li>
                </ul>
                <a style="display: none;" href="javascript:;" id="btn_prev"></a><a style="display: none;"
                    href="javascript:;" id="btn_next"></a>
            </div>
        </div>
        <div class="ui-flex ui-box" style="padding: 20px; background: #f0f0f0;">
            <p class="font-18" style="margin-bottom: 20px;">
                ZKA气力旋转盘阀&nbsp;&nbsp;<span class="font-gray font-18">|</span><span class="font-gray font-12">&nbsp;&nbsp;发布与2016-07-28</span></p>
            <p class="ui-flex font-12 font-gray" style="margin-bottom: 20px;">
                XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
            <p class="ui-flex font-16 font-red" style="margin-bottom: 10px;">
                报价方式一</p>
            <p class="ui-flex font-12 font-gray" style="margin-bottom: 40px;">
                截止至2016-09-12</p>
            <input type="button" class="bg-darkblue font-18 font-white" style="margin-left: 10%;
                border-radius: 10px; width: 80%; height: 60px;" value="竞价" />
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            var containerHeight = $(".container").height();
            var windowHeight = $(window).innerHeight();
            if (windowHeight > containerHeight) {
                $(".container").height(windowHeight + "px")
            }



        })
    
    </script>
</body>
</html>
